{% extends 'base.html' %}
{% block title %}
    修改密码
{% endblock %}
{% block middle %}
    <div class="layui-row">
        <div class="layui-col-md4 layui-col-md-offset4">
            {% csrf_token %}
            <form class="layui-form"> <!-- 提示：如果你不想用form，你可以换成div等任何一个普通元素 -->
                {% for da in data %}
                    <div class="layui-form-item">
                        <label class="layui-form-label" style="width: 100px">{{ da.label }}：</label>
                        <div class="layui-input-block">
                            {{ da }}<span style="color: red;" class="pull-right error"></span>
                        </div>
                    </div>
                {% endfor %}
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-submit lay-filter="*">立即提交</button>
                        <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                    </div>
                </div>
            </form>
        </div>

    </div>

{% endblock %}
{% block js %}
    <script>
        $("#get_validCode_img").click(function () {
            $(this)[0].src += '?'
        })
        layui.use('form', function () {
            var form = layui.form;
            var sta
            form.on('submit(*)', function (data) {
                var da = {
                    'old_password': $('#id_old_password').val(),
                    'password': $('#id_password').val(),
                    're_password': $('#id_re_password').val(),
                    'csrfmiddlewaretoken': $('[name="csrfmiddlewaretoken"]').val()
                }

                $.ajax({
                    url: '/change_pwd/',
                    type: 'post',
                    data: da,
                    success: function (data) {
                        console.log(data)
                        if (data.status == 200) {
                            location.href = '/login/'
                        }
                        else if (data.status == 402) {
                            alert('与原密码不符')
                        }
                        else if (data.status == 401) {

                        }
                    }
                })
                return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
            });
            form.verify({
                old: function (value, item) { //value：表单的值、item：表单的DOM对象
                    if (/^\s*$/.test(value)) {
                        return '不能为空';
                    }
                },
                new1: function (value, item) { //value：表单的值、item：表单的DOM对象
                    if (/^\s*$/.test(value)) {
                        return '不能为空';
                    }
                    if (/^[a-zA-Z0-9]{1,5}$/.test(value)) {
                        return '密码必须大于5位，且不能出现空格';
                    }
                },
                new2: function (value, item) { //value：表单的值、item：表单的DOM对象
                    if (/^\s*$/.test(value)) {
                        return '不能为空';
                    }
                    if (/^[a-zA-Z0-9]{1,5}$/.test(value)) {
                        console.log($('#id_re_password').val())
                        return '密码必须大于5位，且不能出现空格';
                    }
                    if (value != $('#id_password').val()) {
                        return '两次密码不一致';
                    }
                }
            });
        });

    </script>
{% endblock %}